<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>原力提词</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/header.css" />
</head>
<body>
	<div class="index-shade" style="display: none;">
		<div class="landing-bg">
	        <div class="landing-frame">
	            <div class="adhibition-name">
	                <span>原力防护</span>
	            </div>
	            <img src="img/landing-frame.png">
	            <div class="landing-user">
	                <div class="user-landing-title">用户登录</div>
	                <div class="landing-phone">
	                    <input type="text" value="" class="phone-input-bg js-phone" placeholder="请输入手机号码">
	                </div>
	                <div class="landing-verification">
	                    <input type="text" value="" class="verification-input-bg js-verification" placeholder="请输入验证码">
	                    <input type="text" value="获取验证码" class="verification-button " readonly="readonly" id="acquireCode">
	                </div>
	                <div class="register-button js-register">登录</div>
	            </div>
	            <div class="company-name">广东原昇信息科技有限公司</div>
	        </div>
    	</div>   
	</div>
	<div class="business-bridge-iframe">
		<iframe src="floating/floating.html" width="230px" frameborder="0" height="210px" style="z-index: 1;border-top-left-radius: 5px;border-top-right-radius: 5px;"></iframe>
		<img src="img/off_white.png" class="off-white js-off-white">
		<div class="shrink-button js-shrink-button">
            <span class="control">收起</span>
        </div>
	</div>
	<div class="warp">
        <div class="nav_box">
            <div id="wrap">
                <div id="topBar">
                    <div class="nav clearfixs" id="nav">
                        <div class="topBar">
                            <div class="nav_cont clearfixs">
                                <a href="http://http://www.semyes.cn/index.php/Home/Index/index.html" class="nav_Logo"> <img src="img/logo.png" /></a>
                                <ul class="nav_list clearfixs">
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Index/index.html" target="_self" class="active">首页</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a class="" href="http://www.semyes.cn/index.php/Home/Yishubao/index.html" target="_self">易数宝</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Fwxm/index.html" target="" class="">服务项目</a>
                                        <ul class="subnav">
                                            <li>
                                                <a href="http://www.semyes.cn/index.php/Home/Fwxm/sem.html" target="_self">SEM</a>
                                            </li>
                                            <p class="subnav_Tri"></p>
                                            <li>
                                                <a href="http://moban.semyes.cn" target="_self">网站建设</a>
                                            </li>
                                    
                                            <p class="subnav_Tri"></p>
                                    <li ><a href="http://www.semyes.cn/index.php/Home/Fwxm/extension.html"  target="_self">信息流广告</a></li><p class="subnav_Tri"></p>
                                        </ul>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Project/index.html" target="_self">成功案例</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="join.semyes.cn" target="_self" >招商加盟</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Contact/index.html" target="_self" class="">联系我们</a>
                                    </li>
                                    <li class="nav_list_li">
                                        <a href="http://www.semyes.cn/index.php/Home/Auto/introduce.html" target="_self" class="">关于我们</a>
                                        <ul class="subnav">
                                            <li>
                                                <a href="http://www.semyes.cn/index.php/Home/Auto/introduce.html" target="_self">原昇介绍</a>
                                            </li>
                                            <p class="subnav_Tri"></p>
                                            <li>
                                                <a href="http://www.semyes.cn/index.php/Home/Auto/culture.html" target="_self">原昇文化</a>
                                            </li>
                                            <p class="subnav_Tri"></p>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="content-bg">
			<div class="content">
				<div class="mainContent">
					<ul class="step">
						<li class='present'>
							<a href="javasrcipt:;">拓词/选词</a>
						</li>
						<li class="c4c c75">
							<img src="img/arrows3.png" class="arrows-state">
							<a href="javasrcipt:;">智能分组</a>
						</li>
						<li class="c8b">
							<a href="javasrcipt:;">推广设置</a>
						</li>
						<li class="c75">
							<a href="javasrcipt:;">完成上传</a>
						</li>
						<li class="record c89">
							<a href="page/uploading_record.html">上传记录</a>
						</li>
					</ul>
					<p class="step-notice">设定词根，系统自动根据所设定词根，通过各大搜索引擎和博雅立方智能词库进行关键词扩展。</p>
					<div class="unit-controls index-unit-controls">
						<select class="js-select">
							<option class="select-lucency">行业</option>
							<option class="select-lucency">计划1</option>
							<option class="select-lucency">计划2</option>
							<option class="select-lucency">计划3</option>
							<option class="select-lucency">计划4</option>
						</select>
					</div>
					<div class="clearfix">
						<div class="tc-rio-left fl">
							<textarea placeholder="添加词根，以回车分隔" class="tc-addroot"  id="add_root"></textarea>
							<div class="tc-rio-info">
								<div class="tc-rio-bd">
									<span class="fr">可输入词根<i class="tc-red" id="begin">10</i>/10</span>
								</div>
								<a href="javascript:;" class="tc-btn disable" id="begin_junbros">开始拓词</a>
							</div>
						</div>
						<div class="tc-rio-right fr">
							<h3 class="tc-title">提词快手简介</h3>
							<p class="tc-info">由北京博雅立方科技有限公司开发的智能SEM工具，大数据技术与人工智能相结合，模拟分析师拓词、选词、批量上传等日常工作，拓词准确，操作简便。</p>
							<h3 class="tc-title mg40">添加否定词</h3>
							<div class="tc-neg">
								<div class="tc-neg-tx">
									<textarea class="tc-addroot" placeholder="输入否定词，按回车分隔" id="deny_word"></textarea>
								</div>
							</div>
							<div class="negtive-tips">
								<span>可输入否定词<i class="tc-red" id="word_number">100</i>/100<span class="tc-red tc-warn negtive-warn">最多可输入100个否定词</span></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<iframe src="footer/footer.html" height="135px" width="100%" frameborder="0"></iframe>
	</div>
	<!-- loding -->
    <div class="fied">
        <img src="img/load.gif">
        <div class="calculate-middle">正在计算中</div>
    </div>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function(){
	// 输入行数
	$("#add_root").keyup(function(e){
		var textareaText = $("#add_root").val();
		var textBr = textareaText.split("\n");
		//监听键盘回收键
		if (e.keyCode == 13) {
			var number = $("#begin").text();
			var newNumber;
			newNumber = parseInt(number) - 1;
			$("#begin").text(newNumber);
		}
		if (textBr.length > 10){
			$(".tc-btn").addClass("disable");
		} else {
			if (textareaText != "") {
				$(".tc-btn").removeClass("disable");
			} else {
				$(".tc-btn").addClass("disable");
			}
		}	
	})
	//点击开始拓词
	$("#begin_junbros").click(function(){
		var textareaText = $("#add_root").val();
		var text = $("#add_root").val();
		var arry = text.split("\n");
		if (arry.length < 10 && textareaText != "") {
			// alert("成功");
			$(".fied").show();
	        setInterval(function(){
	            window.location.href="page/sectionalization.html"
	        },2000)
		}
	})
	//获取否定词   最多可输入100个否定词
	$("#deny_word").keyup(function(e){
		var denyText = $("#deny_word").val();
		var textBr = denyText.split("\n");
		if (e.keyCode == 13) {
			var number = $("#word_number").text();
			var newNumber;
			newNumber = parseInt(number) - 1;
			$("#word_number").text(newNumber);
		}
		if (textBr.length > 100){
			$(".negtive-warn").css("display","inline-block");
		}
	})
	//收缩服务
	$(".js-shrink-button").toggle(function(){
        $(".business-bridge-iframe").animate({
            left:"-230px",
        },1000)
        $(this).find("span").removeClass("control").text("服务指导");
    },function(){
        $(".business-bridge-iframe").animate({
            left:"0px",
        },1000)
        $(this).find("span").addClass("control").text("收起");
    })
    // 关闭浮窗
    $(".js-off-white").click(function(){
        $(".business-bridge-iframe").hide();
    })


    var t1 = null;
    // 获取验证码
    $("#acquireCode").click(function(){
        var jsPhone = $(".js-phone").val();
        if (jsPhone == ""){
            alert("请输入手机号码");
        } else if (!(/^1[34578]\d{9}$/.test(jsPhone))) {
            alert("手机格式不对");
        } else {
            countdown($(this));
        }
    })

    $(".js-register").click(function(){
        var jsPhone = $(".js-phone").val();
        var jsVerification = $(".js-verification").val();
        if (jsPhone == "" || jsVerification == "") {
            alert("手机或验证码输入错误");
        } else {
        	$(".index-shade").fadeOut();
            // window.location.href="index.html"
        }
    })

    function countdown(obj) {
        var count = 60;
        $(obj).css({ background: '#e7e7e7' }).val(count.toString() + "秒").attr('disabled', 'disabled');

        var doCount = function () {
            if (--count < 1) {
                var t2 = clearInterval(t1);
                $(obj).css({ background: '#e7e7e7' }).val('重新发送').removeAttr('disabled');
            }
            else {
                $(obj).val(count.toString() + "秒");
            }
        };

        t1 = setInterval(function () { doCount(); }, 1000);

    }
})
</script>
</html>